<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>API-details</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/public.css" />
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/API-details.css" />
  </head>
  <body>
    <!-- 头部 -->
    <div class="head clearfix">
      <h1 class="head-logo fl">
        <a href="#"><img src="../imgs/new-logo-white2.png" alt="" /></a>
      </h1>
      <div class="head-nav fl clearfix">
        <ul>
          <li><a href="../page/home.html">首页</a></li>
          <li class="active"><a href="../page/API.html">API</a></li>
          <li><a href="#">云服务</a></li>
          <li><a href="../page/customer.html">案例</a></li>
          <li><a href="#">开发者</a></li>
        </ul>
      </div>
      <div class="head-btn fr">
        <a class="btn-log" href="../page/login.html">登录</a>
        <a class="btn-register" href="../page/register.html">注册有礼</a>
      </div>
    </div>

    <!-- banner广告 -->
    <div class="banner">
      <!-- canvas -->
      <div class="canvas" id="mydiv"></div>

      <div class="canvas-box container clearfix">
        <!-- 左边 -->
        <div class="can-left fl">
          <p>
            <img src="../imgs/API11.jpg" alt="" />
          </p>
          <ul class="can-ul clearfix">
            <li class="fl">
              <img src="../imgs/API_smallicon_01.jpg" alt="" />
              <span>123</span>
            </li>

            <li class="fl">
              <img src="../imgs/API_smallicon_02.jpg" alt="" />
              <span class="can-num">16452</span>
            </li>

            <li class="fl">
              <img src="../imgs/API_smallicon_03.jpg" alt="" />
              <span>633</span>
            </li>
          </ul>
        </div>

        <!-- 右边 -->
        <div class="can-right fl">
          <!-- 第一行 -->
          <div class="right-title clearfix">
            <h2 class="fl">身份证实名认证</h2>
            <span class="fl">支持HTTPS</span>
            <span class="fl">企业专用</span>
          </div>

          <!-- 第二行 -->
          <div class="right-user clearfix">
            <span class="fl user-item">
              <img class="fl" src="../imgs/API03.jpg" alt="" />
              <span class="fl">限企业实名用户使用</span>
            </span>

            <span class="fl user-item">
              <img class="fl" src="../imgs/API08.jpg" alt="" />
              <span class="fl">本接口需提供应用场景审核</span>
            </span>

            <span class="fl user-item">
              <img class="fl" src="../imgs/API05.jpg" alt="" />
              <span class="fl">个人实名用户无法使用</span>
            </span>

          </div>

          <!-- 第三行 -->
          <div class="right-text">检测姓名和身份证号是否一致，身份证验证。</div>

          <!-- 第四行 -->
          <ul class="right-ul" id="priceUl">
            <li class="record">
              <img src="../imgs/API17.jpg" alt="">
              扫码测试
              <div class="wechat">
                <img src="../imgs/103-demo.png" alt="">
                <p>打开微信扫一扫</p>
              </div>
            </li>
            <!-- <li class="price-li active">4000次</li>
            <li class="price-li">8000次</li>
            <li class="price-li">40000次</li> -->

          </ul>

          <!-- 第五行 -->
          <div class="fifth-price">
            <p class="price">&yen;
              <span class="priceAll">1200</span>
              (约
              <i class="unitPrice">0.3000</i>
               元/次),仅限企业实名购买;
            </p>

          </div>

          <!-- 第六行 -->
          <div class="apply">
            <a href="#">立即申请</a>
          </div>
        </div>
        
      </div>
    </div>

    <!-- center -->
    <div class="center">
      <!-- 头部 -->
      <div class="center-title">
        <div class="container">
          <ul class="title-ul">
            <li class="active">API文档</li>
            <li>错误码参照</li>
            <li>实例代码</li>
            <li>联系我们</li>
          </ul>
        </div>
      </div>

      <!-- 底部 -->
      <div class="center-text container clearfix">
        <!-- 左边 -->
        <div class="text-left fl">
          <!-- api文档 -->
          <div class="left-content centext">
            <p>
              <span class="address">接口地址：</span>
              <span> http://op.itsource.cn/idcard/query</span>
            </p>

            <p>
              <span class="address">返回格式：</span>
              <span> json</span>
            </p>

            <p>
              <span class="address">请求方式：</span>
              <span> http get/post</span>
            </p>

            <p>
              <span class="address">请求示例：</span>
              <span>
                http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span
              >
            </p>

            <p>
              <span class="address">接口备注：</span>
              <span> error_code为0时计费</span>
            </p>

            <p class="api-btn">
              <a class="apitest" href="#">API测试工具</a>
            </p>

            <!-- 请求参数 -->
            <div class="table-num">
              <p class="tab-title">
                请求参数说明：
                <span></span>
              </p>
              <table class="api-table">
                <thead>
                  <tr>
                    <th>名称</th>
                    <th>必填</th>
                    <th>类型</th>
                    <th>说明</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>idcard</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">身份证号码</td>
                  </tr>
                  <tr>
                    <td>realname</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">姓名(UTF-8)</td>
                  </tr>
                  <tr>
                    <td>orderid</td>
                    <td>否</td>
                    <td>int</td>
                    <td class="idcard">
                      传1时返回单号，默认不返回单号(建议传入)
                    </td>
                  </tr>
                  <tr>
                    <td>key</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">
                      在个人中心-&gt;我的数据,接口名称上方查看
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>

            <!-- 返回参数说明： -->
            <div class="table-num">
              <p class="tab-title">
                返回参数说明：
                <span></span>
              </p>
              <table class="api-table">
                <thead>
                  <tr>
                    <th>名称</th>
                    <th>类型</th>
                    <th>说明</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>error_code</td>
                    <td>int</td>
                    <td class="return-num">返回码</td>
                  </tr>
                  <tr>
                    <td>reason</td>
                    <td>string</td>
                    <td class="return-num">返回说明</td>
                  </tr>
                  <tr>
                    <td>result</td>
                    <td>object</td>
                    <td class="return-num">返回结果集</td>
                  </tr>
                  <tr>
                    <td>realname</td>
                    <td>string</td>
                    <td class="return-num">属result,真实姓名</td>
                  </tr>

                  <tr>
                    <td>idcard</td>
                    <td>string</td>
                    <td class="return-num">属result,身份证号</td>
                  </tr>
                  <tr>
                    <td>res</td>
                    <td>int</td>
                    <td class="return-num">属result,匹配详情,1匹配,2不匹配</td>
                  </tr>
                </tbody>
              </table>
            </div>

            <!-- JSON返回示例： -->
            <div class="table-num">
              <p class="tab-title">
                JSON返回示例：
                <span></span>
                <a href="#" class="json-tool">JSON在线格式化工具</a>
              </p>
              <div class="json-code">
                <p>{</p>
                <p class="codes">"reason": "成功",</p>
                <p class="codes">"result": {</p>
                <p class="codes">"realname": "***",/*真实姓名*/</p>
                <p class="codes">
                  "idcard": "******************",/*身份证号码*/
                </p>
                <p class="codes">
                  "orderid":"J103202010151450419556",/*流水号*/
                </p>
                <p class="codes">"res": 1 /*1：匹配 2：不匹配*/</p>
                <p class="codes">},</p>
                <p class="codes">"error_code": 0</p>
                <p>}</p>
              </div>
            </div>
          </div>

          <!-- 错误码参照 -->
          <div class="left-content err-code">
            <!-- 请求参数 -->
            <div class="table-num">
              <p class="tab-title">
                请求参数说明：
                <span></span>
              </p>
              <table class="api-table">
                <thead>
                  <tr>
                    <th>名称</th>
                    <th>必填</th>
                    <th>类型</th>
                    <th>说明</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>idcard</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">身份证号码</td>
                  </tr>
                  <tr>
                    <td>realname</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">姓名(UTF-8)</td>
                  </tr>
                  <tr>
                    <td>orderid</td>
                    <td>否</td>
                    <td>int</td>
                    <td class="idcard">
                      传1时返回单号，默认不返回单号(建议传入)
                    </td>
                  </tr>
                  <tr>
                    <td>key</td>
                    <td>是</td>
                    <td>string</td>
                    <td class="idcard">
                      在个人中心-&gt;我的数据,接口名称上方查看
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>

            <!-- 返回参数说明： -->
            <div class="table-num">
              <p class="tab-title">
                返回参数说明：
                <span></span>
              </p>
              <table class="api-table">
                <thead>
                  <tr>
                    <th>名称</th>
                    <th>类型</th>
                    <th>说明</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>error_code</td>
                    <td>int</td>
                    <td class="return-num">返回码</td>
                  </tr>
                  <tr>
                    <td>reason</td>
                    <td>string</td>
                    <td class="return-num">返回说明</td>
                  </tr>
                  <tr>
                    <td>result</td>
                    <td>object</td>
                    <td class="return-num">返回结果集</td>
                  </tr>
                  <tr>
                    <td>realname</td>
                    <td>string</td>
                    <td class="return-num">属result,真实姓名</td>
                  </tr>

                  <tr>
                    <td>idcard</td>
                    <td>string</td>
                    <td class="return-num">属result,身份证号</td>
                  </tr>
                  <tr>
                    <td>res</td>
                    <td>int</td>
                    <td class="return-num">属result,匹配详情,1匹配,2不匹配</td>
                  </tr>
                </tbody>
              </table>
            </div>

            <!-- JSON返回示例： -->
            <div class="table-num">
              <p class="tab-title">
                JSON返回示例：
                <span></span>
                <a href="#" class="json-tool">JSON在线格式化工具</a>
              </p>
              <div class="json-code">
                <p>{</p>
                <p class="codes">"reason": "成功",</p>
                <p class="codes">"result": {</p>
                <p class="codes">"realname": "***",/*真实姓名*/</p>
                <p class="codes">
                  "idcard": "******************",/*身份证号码*/
                </p>
                <p class="codes">
                  "orderid":"J103202010151450419556",/*流水号*/
                </p>
                <p class="codes">"res": 1 /*1：匹配 2：不匹配*/</p>
                <p class="codes">},</p>
                <p class="codes">"error_code": 0</p>
                <p>}</p>
              </div>
            </div>
          </div>

          <!-- 实例代码 -->
          <div class="left-content fact-code">
            <!-- JSON返回示例： -->
            <div class="table-num">
              <p class="tab-title">
                JSON返回示例：
                <span></span>
                <a href="#" class="json-tool">JSON在线格式化工具</a>
              </p>
              <div class="json-code">
                <p>{</p>
                <p class="codes">"reason": "成功",</p>
                <p class="codes">"result": {</p>
                <p class="codes">"realname": "***",/*真实姓名*/</p>
                <p class="codes">
                  "idcard": "******************",/*身份证号码*/
                </p>
                <p class="codes">
                  "orderid":"J103202010151450419556",/*流水号*/
                </p>
                <p class="codes">"res": 1 /*1：匹配 2：不匹配*/</p>
                <p class="codes">},</p>
                <p class="codes">"error_code": 0</p>
                <p>}</p>
              </div>
            </div>
          </div>

          <!-- 联系我们 -->
          <div class="left-content call-us">
            <div class="table-num">
              <p class="tab-title">
                联系我们
                <span></span>
              </p>

              <table class="api-table">
                <thead>
                  <tr class="title">
                    <th>内容</th>
                    <th>详细</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td class="url">售前咨询①:</td>
                    <td class="url">0512-88869195</td>
                  </tr>
                  <tr>
                    <td class="url">客服热线:</td>
                    <td class="url">400-882-7715</td>
                  </tr>
                  <tr>
                    <td class="url">在线客服QQ:</td>
                    <td class="url">800076065</td>
                  </tr>
                  <tr>
                    <td class="url">接口测试:</td>
                    <td class="url">API测试工具</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>

        <!-- 右边 -->
        <div class="text-right fr" style="height: 820px; width: 220px">
          <h3>活动推荐/Activity</h3>

          <ul class="act-ul">
            <li>
              <a href="#">
                <img src="../imgs/sfz-aside1.png" alt="" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/details-aside02.png" alt="" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/details-aside03.png" alt="" />
              </a>
            </li>
          </ul>

          <h3>猜你喜欢</h3>

          <ul class="love">
            <li class="clearfix">
              <a class="fl imgbox" href="#">
                <img src="../imgs/API22.jpg" alt="" />
              </a>
              <div class="fr love-text">
                <a href="#">短信API服务</a>
                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
              </div>
            </li>

            <li class="clearfix">
              <a href="#" class="fl imgbox">
                <img src="../imgs/API26.jpg" alt="" />
              </a>
              <div class="fr love-text">
                <a href="#">银行卡四元素校验</a>
                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
              </div>
            </li>

            <li class="clearfix">
              <a href="#" class="fl imgbox">
                <img src="../imgs/API30.jpg" alt="" />
              </a>
              <div class="fr love-text">
                <a href="#">身份证查询</a>
                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
              </div>
            </li>

            <li class="clearfix">
              <a href="#" class="fl imgbox">
                <img src="../imgs/API33.jpg" alt="" />
              </a>
              <div class="fr love-text">
                <a href="#">身份证OCR识别</a>
                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
              </div>
            </li>

            <li class="clearfix">
              <a href="#" class="fl imgbox">
                <img src="../imgs/API36.jpg" alt="" />
              </a>
              <div class="fr love-text">
                <a href="#">三网手机实名制认证</a>
                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 免费 -->
    <div class="free">
      <div class="free-font container">
        <p>现在注册，百款接口免费测试</p>
        <a href="#">免费注册</a>
      </div>
    </div>

    <!-- 页尾 -->
    <div class="foot container clearfix">
      <div class="foot-left fl clearfix">
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <dl class="left-cont fl">
          <dt>联系与支持</dt>
          <dd><a href="#">400-882-7715</a></dd>
          <dd><a href="#">售前咨询</a></dd>
          <dd><a href="#">客服&售后</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">极速工单</a></dd>
          <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <div class="left-permit fl">
          <a href="#"><img src="../imgs/bei1.png" alt="" /></a>
          <a href="#"><img src="../imgs/bei2.png" alt="" /></a>
          <span
            >增值电信业务经营许可证：蜀B2-20180596 蜀ICP备15006450号-3
            营业执照</span
          >
        </div>
      </div>
      <div class="foot-bottom fr clearfix">
        <h3>微信公众号</h3>
        <p>源码时代</p>
        <a href="#"><img src="../imgs/103-demo.png" alt="" /></a>
        <span>源码大数据股份有限公司©版权所有</span>
      </div>
    </div>

    <!-- tab选项卡 -->
    <script src="../lib/tab.js"></script>

    <!-- canvas -->
    <script src="../lib/canvas-particle.js"></script>
    <script src="../js/API-details.js"></script>
  </body>
</html>

